/* eslint-disable */



const DEFAULT_STYLE = {
  display: 'block',
};

export const H5Icon = ({ color, name, size, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  switch (name) {
    case 'ziyuan':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M512 192m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"
            fill={getIconColor(color, 0, '#4D4D4D')}
          />
          <path
            d="M512 832m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"
            fill={getIconColor(color, 1, '#4D4D4D')}
          />
          <path
            d="M512 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z"
            fill={getIconColor(color, 2, '#4D4D4D')}
          />
        </svg>
      );
    case 'pinglun2':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M511.999488 845.453535c-28.440891 0-56.148042-2.578732-83.109171-7.028067L234.110328 956.60403 234.110328 759.865227c-101.563208-71.314209-166.73411-180.647313-166.73411-303.440987 0-214.853369 199.067818-389.029294 444.623271-389.029294 245.541126 0 444.623271 174.175925 444.623271 389.029294C956.622759 671.290913 757.541638 845.453535 511.999488 845.453535zM511.999488 122.970706c-214.862173 0-389.045234 149.304468-389.045234 333.453535 0 112.99654 65.740907 212.69624 166.041304 272.993534l-1.749925 128.898719 130.816638-78.642105c30.136579 6.431479 61.480709 10.204409 93.937218 10.204409 214.8765 0 389.045234-149.278885 389.045234-333.454558C901.044723 272.275173 726.875988 122.970706 511.999488 122.970706zM706.522617 428.636361 317.477383 428.636361c-15.346129 0-27.789018-12.44238-27.789018-27.78788 0-15.346523 12.44289-27.78788 27.789018-27.78788l389.045234 0c15.359432 0 27.787995 12.441357 27.787995 27.78788C734.311635 416.19398 721.882049 428.636361 706.522617 428.636361zM373.054396 539.78788l277.889161 0c15.360455 0 27.789018 12.429077 27.789018 27.786857 0 15.359826-12.429586 27.78788-27.789018 27.78788L373.054396 595.362616c-15.346129 0-27.789018-12.429077-27.789018-27.78788C345.266401 552.216957 357.708268 539.78788 373.054396 539.78788z"
            fill={getIconColor(color, 0, '#333333')}
          />
        </svg>
      );
    case 'pinglun':
      return (
        <svg viewBox="0 0 1025 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M512.001024 895.995648c-32.743489 0-64.663681-2.95527-95.699135-8.093712L191.998336 1024 191.998336 797.421115C75.051158 715.310487 0 589.403291 0 448.002944 0 200.575377 229.233098 0 512.001024 0c282.769974 0 512.001024 200.575377 512.001024 448.002944C1024.002048 695.424367 794.773046 895.995648 512.001024 895.995648zM512.001024 64.004224c-247.423471 0-448.000896 171.921752-448.000896 383.99872 0 130.115844 75.696279 244.92081 191.205758 314.368629l-2.019332 148.433193 150.638893-90.546357c34.703429 7.387151 70.803598 11.743255 108.173528 11.743255 247.425519 0 448.000896-171.921752 448.000896-383.99872S759.426543 64.004224 512.001024 64.004224zM736.001472 416.000832l-448.000896 0c-17.672227 0-32.000064-14.325789-32.000064-31.998016s14.327837-32.002112 32.000064-32.002112l448.000896 0c17.672227 0 32.002112 14.329885 32.002112 32.002112S753.673699 416.000832 736.001472 416.000832zM352.000704 544.005184l320.00064 0c17.672227 0 32.000064 14.319645 32.000064 31.998016 0 17.668131-14.327837 31.991872-32.000064 31.991872l-320.00064 0c-17.674275 0-32.000064-14.323741-32.000064-31.991872C320.00064 558.324829 334.326429 544.005184 352.000704 544.005184z"
            fill={getIconColor(color, 0, '#333333')}
          />
        </svg>
      );
    case 'pinglun1':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M157.568 751.296c-11.008-18.688-18.218667-31.221333-21.802667-37.909333A424.885333 424.885333 0 0 1 85.333333 512C85.333333 276.362667 276.362667 85.333333 512 85.333333s426.666667 191.029333 426.666667 426.666667-191.029333 426.666667-426.666667 426.666667a424.778667 424.778667 0 0 1-219.125333-60.501334 2786.56 2786.56 0 0 0-20.053334-11.765333l-104.405333 28.48c-23.893333 6.506667-45.802667-15.413333-39.285333-39.296l28.437333-104.288z m65.301333 3.786667l-17.258666 63.306666 63.306666-17.258666a32 32 0 0 1 24.522667 3.210666 4515.84 4515.84 0 0 1 32.352 18.944A360.789333 360.789333 0 0 0 512 874.666667c200.298667 0 362.666667-162.368 362.666667-362.666667S712.298667 149.333333 512 149.333333 149.333333 311.701333 149.333333 512c0 60.586667 14.848 118.954667 42.826667 171.136 3.712 6.912 12.928 22.826667 27.370667 47.232a32 32 0 0 1 3.338666 24.714667z m145.994667-70.773334a32 32 0 1 1 40.917333-49.205333A159.189333 159.189333 0 0 0 512 672c37.888 0 73.674667-13.173333 102.186667-36.885333a32 32 0 0 1 40.917333 49.216A223.178667 223.178667 0 0 1 512 736a223.178667 223.178667 0 0 1-143.136-51.690667z"
            fill={getIconColor(color, 0, '#333333')}
          />
        </svg>
      );
    case 'zanting':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896z m0 64A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M672 640a32 32 0 0 1-64 0V384a32 32 0 0 1 64 0v256zM416 640a32 32 0 0 1-64 0V384a32 32 0 1 1 64 0v256z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
        </svg>
      );
    case 'bofang':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M983.771213 312.685979a510.536778 510.536778 0 0 0-109.714207-162.742741A510.536778 510.536778 0 0 0 512.000122 0.000488 510.536778 510.536778 0 0 0 149.943238 149.943238 510.536778 510.536778 0 0 0 0.000488 512.000122a510.536778 510.536778 0 0 0 149.94275 362.056884A510.536778 510.536778 0 0 0 512.000122 1023.999756a510.536778 510.536778 0 0 0 362.056884-149.94275A510.536778 510.536778 0 0 0 1023.999756 512.000122c0-69.144332-13.482657-136.11876-40.228543-199.314143z m-62.85405 372.004305a443.781778 443.781778 0 0 1-95.085646 141.019328 441.904446 441.904446 0 0 1-313.70949 129.950383c-59.903957 0-118.052487-11.775992-172.690163-34.864737a443.781778 443.781778 0 0 1-141.043709-95.085646A441.904446 441.904446 0 0 1 68.437772 512.000122c0-59.879576 11.800373-118.052487 34.864737-172.690162a443.781778 443.781778 0 0 1 95.085646-141.019328 441.904446 441.904446 0 0 1 313.733872-129.950384c59.879576 0 118.052487 11.775992 172.665781 34.864737a443.781778 443.781778 0 0 1 141.043709 95.085647A441.904446 441.904446 0 0 1 955.7819 512.000122c0 59.879576-11.775992 118.052487-34.864737 172.690162z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M388.754496 730.453299l345.429086-219.135843-345.429086-219.135844z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
        </svg>
      );
    case 'up':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M511.715328 4.489216c-281.168896 0-509.094912 227.926016-509.094912 509.095936 0 281.155584 227.926016 509.093888 509.094912 509.093888 281.161728 0 509.094912-227.938304 509.094912-509.093888C1020.81024 232.415232 792.877056 4.489216 511.715328 4.489216zM511.430656 967.023616c-251.047936 0-454.559744-203.518976-454.559744-454.565888 0-251.035648 203.511808-454.5536 454.559744-454.5536s454.559744 203.518976 454.559744 454.5536C965.9904 763.50464 762.478592 967.023616 511.430656 967.023616zM666.975232 274.441216c-9.142272-0.049152-17.189888 4.476928-22.012928 11.42272L396.259328 490.103808c-2.107392 1.1776-4.09088 2.6624-5.878784 4.468736-10.28096 10.3936-10.28096 27.231232 0 37.61152l0.464896 0.376832c0.04096 0.04096 0.077824 0.084992 0.118784 0.125952 1.451008 1.466368 3.030016 2.719744 4.697088 3.77856L645.809152 739.300352c4.933632 6.634496 12.81536 10.959872 21.677056 10.998784 0.538624 0.003072 1.073152-0.014336 1.603584-0.04096 6.489088-0.182272 12.921856-2.766848 17.871872-7.769088 0.429056-0.433152 0.832512-0.881664 1.225728-1.337344 3.831808-4.328448 6.232064-9.908224 6.448128-16.114688 0.032768-0.657408 0.03584-1.314816 0.021504-1.973248l-0.226304-421.59104C694.352896 286.625792 681.82528 274.520064 666.975232 274.441216zM451.557376 513.994752 640.253952 359.037952l0.169984 308.092928L451.557376 513.994752zM354.731008 302.123008c-14.854144-0.079872-26.832896 11.906048-26.754048 26.754048l0.232448 367.438848c0.072704 14.861312 12.177408 26.966016 27.031552 27.031552 14.849024 0.079872 27.250688-11.4688 27.179008-26.3168l-0.232448-367.875072C382.108672 314.307584 369.580032 302.201856 354.731008 302.123008z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
        </svg>
      );
    case 'down':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M512.610402 1019.513826c280.978393 0 508.74998-227.771587 508.74998-508.75100301 0-280.96509001-227.771587-508.748956-508.74998-508.74895599-280.97123 0-508.74998 227.783867-508.74998 508.748956C3.860423 791.74223901 231.639173 1019.513826 512.610402 1019.513826zM512.894881 57.631582c250.877841 0 454.251761 203.381084 454.251761 454.257901 0 250.865561-203.37392 454.245621-454.251761 454.245621s-454.251761-203.381084-454.25176101-454.245621C58.64311999 261.012665 262.01704 57.631582 512.894881 57.631582zM357.455693 749.744729c9.136078 0.049119 17.178241-4.473895 21.99801301-11.414981L627.988176 534.228257c2.105964-1.176802 4.088108-2.66059599 5.874801-4.465708 10.273994-10.386558 10.273994-27.212782 0-37.586037l-0.464581-0.376577c-0.040932-0.040932-0.077771-0.084934-0.118704-0.125867-1.450025-1.465374-3.027963-2.717901-4.693906-3.776L378.607432 285.200554c-4.930289-6.630001-12.806677-10.952446-21.662369-10.991332-0.538259-0.00307-1.072425 0.014326-1.602498 0.040932-6.484691 0.182149-12.913101 2.764973-17.859763 7.76382401-0.42876499 0.432859-0.831948 0.881067-1.224898 1.33643799-3.829212 4.325515-6.227842 9.901511-6.443759 16.10377-0.032746 0.656963-0.035816 1.313925-0.021489 1.971911l0.226151 421.305395C330.096579 737.56840901 342.615707 749.665934 357.455693 749.744729zM572.72759499 510.3535L384.158868 665.205311l-0.169869-307.884183L572.72759499 510.3535zM669.488359 722.081693c14.84408 0.079818 26.814716-11.897981 26.735921-26.735921l-0.23229099-367.189893c-0.072655-14.851243-12.169157-26.947745-27.013237-27.013237-14.838963-0.079818-27.232225 11.461029-27.16059301 26.298969l0.232291 367.625822C642.129244 709.905372 654.649396 722.002898 669.488359 722.081693z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
        </svg>
      );
    case 'left':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M853.333333 742.4v29.866667c0 32-32 51.2-57.6 36.266666L375.466667 548.266667c-25.6-17.066667-25.6-55.466667 0-72.533334L795.733333 213.333333c25.6-17.066667 57.6 4.266667 57.6 36.266667v492.8M209.066667 851.2c-23.466667 0-42.666667-19.2-42.666667-42.666667V200.533333c0-23.466667 19.2-42.666667 42.666667-42.666666s42.666667 19.2 42.666666 42.666666v608c0 23.466667-19.2 42.666667-42.666666 42.666667z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
        </svg>
      );
    case 'right':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M170.666667 742.4v29.866667c0 32 32 51.2 57.6 36.266666l420.266666-262.4c25.6-17.066667 25.6-55.466667 0-72.533333L228.266667 215.466667c-25.6-17.066667-57.6 4.266667-57.6 36.266666v490.666667M812.8 859.733333c-23.466667 0-42.666667-19.2-42.666667-42.666666V206.933333c0-23.466667 19.2-42.666667 42.666667-42.666666s42.666667 19.2 42.666667 42.666666v608c0 25.6-17.066667 44.8-42.666667 44.8z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
        </svg>
      );
    case 'SanMiAppglyphico2':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M512 512m-426.666667 0a426.666667 426.666667 0 1 0 853.333334 0 426.666667 426.666667 0 1 0-853.333334 0Z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M352 718.933333c-10.666667 0-21.333333-4.266667-29.866667-12.8-17.066667-17.066667-17.066667-42.666667 0-59.733333l322.133334-322.133333c17.066667-17.066667 42.666667-17.066667 59.733333 0 17.066667 17.066667 17.066667 42.666667 0 59.733333L381.866667 706.133333c-8.533333 8.533333-19.2 12.8-29.866667 12.8z"
            fill={getIconColor(color, 1, '#FFFFFF')}
          />
          <path
            d="M672 718.933333c-10.666667 0-21.333333-4.266667-29.866667-12.8L322.133333 384c-17.066667-17.066667-17.066667-42.666667 0-59.733333 17.066667-17.066667 42.666667-17.066667 59.733334 0L704 646.4c17.066667 17.066667 17.066667 42.666667 0 59.733333-8.533333 8.533333-21.333333 12.8-32 12.8z"
            fill={getIconColor(color, 2, '#FFFFFF')}
          />
        </svg>
      );
    case 'SanMiAppglyphico4':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M832 249.6H181.333333c-23.466667 0-42.666667-19.2-42.666666-42.666667s19.2-42.666667 42.666666-42.666666H832c23.466667 0 42.666667 19.2 42.666667 42.666666s-19.2 42.666667-42.666667 42.666667zM832 529.066667H181.333333c-23.466667 0-42.666667-19.2-42.666666-42.666667s19.2-42.666667 42.666666-42.666667H832c23.466667 0 42.666667 19.2 42.666667 42.666667s-19.2 42.666667-42.666667 42.666667zM554.666667 808.533333H181.333333c-23.466667 0-42.666667-19.2-42.666666-42.666666s19.2-42.666667 42.666666-42.666667H554.666667c23.466667 0 42.666667 19.2 42.666666 42.666667s-19.2 42.666667-42.666666 42.666666zM689.066667 787.2l108.8 61.866667c14.933333 8.533333 36.266667-2.133333 36.266666-21.333334V704c0-19.2-19.2-29.866667-36.266666-21.333333l-108.8 64c-17.066667 8.533333-17.066667 32 0 40.533333z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M808.533333 896c-10.666667 0-23.466667-2.133333-34.133333-8.533333l-108.8-61.866667c-21.333333-12.8-34.133333-34.133333-34.133333-57.6s12.8-44.8 34.133333-57.6l108.8-61.866667c21.333333-12.8 44.8-12.8 66.133333 0S874.666667 682.666667 874.666667 706.133333V832c0 23.466667-12.8 44.8-34.133334 57.6-8.533333 2.133333-21.333333 6.4-32 6.4z m-70.4-130.133333l51.2 29.866666v-59.733333l-51.2 29.866667z m-27.733333-14.933334z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
        </svg>
      );
    case 'SanMiAppglyphico5':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M552.533333 917.333333c-40.533333 0-81.066667-6.4-117.333333-17.066666-23.466667-6.4-34.133333-29.866667-27.733333-53.333334 6.4-23.466667 32-34.133333 53.333333-27.733333 29.866667 8.533333 59.733333 12.8 93.866667 12.8 179.2 0 324.266667-145.066667 324.266666-324.266667 0-179.2-145.066667-324.266667-324.266666-324.266666-155.733333 0-290.133333 110.933333-320 264.533333-4.266667 23.466667-25.6 38.4-49.066667 34.133333-23.466667-4.266667-38.4-25.6-34.133333-49.066666C187.733333 238.933333 356.266667 98.133333 554.666667 98.133333c226.133333 0 409.6 183.466667 409.6 409.6S780.8 917.333333 552.533333 917.333333z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M219.733333 580.266667l66.133334-113.066667c8.533333-17.066667-2.133333-36.266667-21.333334-36.266667H134.4c-19.2 0-32 21.333333-21.333333 36.266667l66.133333 113.066667c8.533333 17.066667 32 17.066667 40.533333 0z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
          <path
            d="M198.4 635.733333c-23.466667 0-46.933333-12.8-57.6-34.133333l-66.133333-113.066667c-12.8-21.333333-12.8-46.933333 0-68.266666s34.133333-34.133333 57.6-34.133334h130.133333c23.466667 0 46.933333 12.8 57.6 34.133334 12.8 21.333333 12.8 46.933333 0 68.266666l-66.133333 113.066667-36.266667-21.333333 36.266667 21.333333c-8.533333 21.333333-29.866667 34.133333-55.466667 34.133333z m-34.133333-162.133333L198.4 533.333333l34.133333-59.733333H164.266667z"
            fill={getIconColor(color, 2, '#e6e6e6')}
          />
        </svg>
      );
    case 'SanMiAppglyphico6':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M435.2 454.4m-360.533333 0a360.533333 360.533333 0 1 0 721.066666 0 360.533333 360.533333 0 1 0-721.066666 0Z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M262.4 294.4c-10.666667 0-21.333333-4.266667-29.866667-12.8-17.066667-17.066667-17.066667-42.666667 0-59.733333C277.333333 177.066667 332.8 149.333333 396.8 140.8c89.6-12.8 177.066667 17.066667 241.066667 81.066667 17.066667 17.066667 17.066667 42.666667 0 59.733333-17.066667 17.066667-42.666667 17.066667-59.733334 0-44.8-44.8-106.666667-66.133333-168.533333-57.6-42.666667 6.4-83.2 25.6-115.2 57.6-10.666667 8.533333-21.333333 12.8-32 12.8z"
            fill={getIconColor(color, 1, '#ffffff')}
          />
          <path
            d="M776.533333 846.933333l-85.333333-85.333333 4.266667-51.2c0-10.666667 8.533333-19.2 19.2-19.2l51.2-4.266667 85.333333 85.333334c8.533333 8.533333 8.533333 21.333333 0 29.866666l-44.8 44.8c-8.533333 8.533333-21.333333 8.533333-29.866667 0z"
            fill={getIconColor(color, 2, '#e6e6e6')}
          />
          <path
            d="M812.8 768c-2.133333 0-6.4 0-8.533333-2.133333l-42.666667-42.666667c-4.266667-4.266667-4.266667-10.666667 0-14.933333s10.666667-4.266667 14.933333 0l42.666667 42.666666c4.266667 4.266667 4.266667 10.666667 0 14.933334-2.133333 2.133333-4.266667 2.133333-6.4 2.133333z"
            fill={getIconColor(color, 3, '#ffffff')}
          />
        </svg>
      );
    case 'SanMiAppglyphico7':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M512 512m-426.666667 0a426.666667 426.666667 0 1 0 853.333334 0 426.666667 426.666667 0 1 0-853.333334 0Z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M680.533333 738.133333c-10.666667 0-21.333333-4.266667-29.866666-12.8l-166.4-166.4c-8.533333-8.533333-12.8-19.2-12.8-29.866666v-198.4c0-23.466667 19.2-42.666667 42.666666-42.666667s42.666667 19.2 42.666667 42.666667V512l153.6 153.6c17.066667 17.066667 17.066667 42.666667 0 59.733333-8.533333 8.533333-19.2 12.8-29.866667 12.8z"
            fill={getIconColor(color, 1, '#FFFFFF')}
          />
        </svg>
      );
    case 'SanMiAppglyphico9':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M437.333333 516.266667c-21.333333-34.133333-55.466667-61.866667-93.866666-76.8-21.333333-8.533333-42.666667-12.8-66.133334-12.8-106.666667 0-192 85.333333-192 192 0 53.333333 23.466667 102.4 57.6 136.533333 32 29.866667 72.533333 49.066667 117.333334 53.333333H746.666667c102.4-4.266667 183.466667-87.466667 183.466666-189.866666 0-104.533333-85.333333-189.866667-189.866666-189.866667-8.533333 0-14.933333 0-23.466667 2.133333 0-6.4 2.133333-14.933333 2.133333-23.466666 0-104.533333-85.333333-189.866667-189.866666-189.866667s-189.866667 85.333333-189.866667 189.866667c0 10.666667 0 23.466667 2.133333 34.133333"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M742.4 819.2H260.266667c-46.933333-4.266667-89.6-23.466667-123.733334-55.466667C96 725.333333 74.666667 674.133333 74.666667 618.666667c0-110.933333 89.6-200.533333 200.533333-200.533334 19.2 0 36.266667 2.133333 53.333333 6.4v-17.066666c0-110.933333 89.6-200.533333 200.533334-200.533334s200.533333 89.6 200.533333 200.533334v10.666666h10.666667c110.933333 0 200.533333 89.6 200.533333 200.533334 0 108.8-85.333333 198.4-194.133333 200.533333h-4.266667zM275.2 437.333333c-100.266667 0-179.2 81.066667-179.2 179.2 0 49.066667 19.2 96 55.466667 130.133334 29.866667 29.866667 70.4 46.933333 110.933333 49.066666H750.933333c96-6.4 170.666667-83.2 170.666667-179.2 0-100.266667-81.066667-179.2-179.2-179.2-8.533333 0-14.933333 0-21.333333 2.133334l-14.933334 2.133333 2.133334-14.933333c0-6.4 2.133333-12.8 2.133333-21.333334 0-100.266667-81.066667-179.2-179.2-179.2s-179.2 81.066667-179.2 179.2c0 8.533333 0 17.066667 2.133333 25.6 38.4 14.933333 70.4 42.666667 93.866667 78.933334l-17.066667 10.666666c-21.333333-32-53.333333-57.6-89.6-72.533333-21.333333-6.4-42.666667-10.666667-66.133333-10.666667z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
          <path
            d="M448 537.6c-14.933333 0-29.866667-8.533333-38.4-23.466667-2.133333-2.133333-2.133333-6.4-4.266667-8.533333-36.266667-59.733333-102.4-93.866667-170.666666-85.333333-12.8 2.133333-23.466667 4.266667-36.266667 6.4-23.466667 6.4-46.933333-6.4-53.333333-27.733334-6.4-23.466667 6.4-46.933333 27.733333-53.333333 17.066667-4.266667 34.133333-8.533333 51.2-10.666667 102.4-10.666667 200.533333 40.533333 253.866667 128l6.4 12.8c10.666667 21.333333 2.133333 46.933333-17.066667 57.6-4.266667 2.133333-12.8 4.266667-19.2 4.266667z"
            fill={getIconColor(color, 2, '#FFFFFF')}
          />
        </svg>
      );
    case 'SanMiAppglyphico10':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M512 910.933333c-115.2 0-226.133333-49.066667-300.8-136.533333-14.933333-17.066667-12.8-44.8 4.266667-59.733333 17.066667-14.933333 44.8-12.8 59.733333 4.266666 59.733333 68.266667 147.2 108.8 236.8 108.8 89.6 0 177.066667-38.4 236.8-106.666666 14.933333-17.066667 42.666667-19.2 59.733333-4.266667 17.066667 14.933333 19.2 42.666667 4.266667 59.733333-76.8 85.333333-185.6 134.4-300.8 134.4zM243.2 320c-10.666667 0-19.2-4.266667-27.733333-10.666667-17.066667-14.933333-19.2-42.666667-4.266667-59.733333 76.8-87.466667 185.6-136.533333 300.8-136.533333s224 49.066667 300.8 136.533333c14.933333 17.066667 12.8 44.8-4.266667 59.733333-17.066667 14.933333-44.8 12.8-59.733333-4.266666-59.733333-68.266667-147.2-106.666667-236.8-106.666667-91.733333 0-177.066667 38.4-236.8 108.8-8.533333 8.533333-21.333333 12.8-32 12.8z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M170.666667 424.533333l113.066666-66.133333c17.066667-8.533333 17.066667-34.133333 0-42.666667L170.666667 249.6c-17.066667-8.533333-36.266667 2.133333-36.266667 21.333333v130.133334c-2.133333 21.333333 19.2 32 36.266667 23.466666z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
          <path
            d="M157.866667 469.333333c-10.666667 0-23.466667-2.133333-34.133334-8.533333-21.333333-12.8-34.133333-34.133333-34.133333-57.6v-130.133333c0-23.466667 12.8-46.933333 34.133333-57.6 21.333333-14.933333 46.933333-14.933333 68.266667-2.133334l113.066667 66.133334c21.333333 12.8 34.133333 34.133333 34.133333 57.6s-12.8 46.933333-34.133333 57.6L192 460.8c-10.666667 6.4-23.466667 8.533333-34.133333 8.533333zM149.333333 386.133333z m25.6-83.2v68.266667l59.733334-34.133333-59.733334-34.133334z"
            fill={getIconColor(color, 2, '#e6e6e6')}
          />
          <path
            d="M851.2 610.133333l-119.466667 53.333334c-17.066667 8.533333-19.2 32-4.266666 42.666666l106.666666 76.8c14.933333 10.666667 36.266667 2.133333 38.4-17.066666l14.933334-130.133334c2.133333-19.2-17.066667-34.133333-36.266667-25.6z"
            fill={getIconColor(color, 3, '#e6e6e6')}
          />
          <path
            d="M846.933333 829.866667c-14.933333 0-27.733333-4.266667-40.533333-12.8l-106.666667-76.8c-19.2-14.933333-29.866667-38.4-27.733333-61.866667 2.133333-23.466667 17.066667-44.8 40.533333-55.466667l119.466667-53.333333c21.333333-10.666667 46.933333-6.4 66.133333 6.4 19.2 14.933333 29.866667 38.4 27.733334 61.866667l-14.933334 130.133333c-2.133333 23.466667-17.066667 44.8-40.533333 53.333333-4.266667 6.4-12.8 8.533333-23.466667 8.533334z m-68.266666-140.8l55.466666 40.533333 6.4-68.266667-61.866666 27.733334z m89.6-40.533334z"
            fill={getIconColor(color, 4, '#e6e6e6')}
          />
        </svg>
      );
    case 'SanMiAppglyphico11':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M128 810.666667V213.333333h200.533333l51.2 70.4c17.066667 21.333333 42.666667 36.266667 70.4 36.266667h448v490.666667H128z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M307.2 256l38.4 53.333333c23.466667 34.133333 61.866667 53.333333 104.533333 53.333334h405.333334v405.333333H170.666667V256h136.533333m21.333333-85.333333H128c-23.466667 0-42.666667 19.2-42.666667 42.666666v597.333334c0 23.466667 19.2 42.666667 42.666667 42.666666h768c23.466667 0 42.666667-19.2 42.666667-42.666666V320c0-23.466667-19.2-42.666667-42.666667-42.666667H448c-12.8 0-27.733333-6.4-34.133333-17.066666L362.666667 187.733333c-8.533333-10.666667-21.333333-17.066667-34.133334-17.066666z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
          <path
            d="M512 736c-23.466667 0-42.666667-19.2-42.666667-42.666667v-256c0-23.466667 19.2-42.666667 42.666667-42.666666s42.666667 19.2 42.666667 42.666666v256c0 23.466667-19.2 42.666667-42.666667 42.666667z"
            fill={getIconColor(color, 2, '#ffffff')}
          />
          <path
            d="M640 608H384c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666666h256c23.466667 0 42.666667 19.2 42.666667 42.666666s-19.2 42.666667-42.666667 42.666667z"
            fill={getIconColor(color, 3, '#ffffff')}
          />
        </svg>
      );
    case 'SanMiAppglyphico12':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M608 864c-78.933333 0-142.933333-49.066667-142.933333-113.066667s61.866667-113.066667 142.933333-113.066666c25.6 0 51.2 6.4 72.533333 14.933333l46.933334-315.733333c4.266667-25.6 12.8-49.066667 27.733333-68.266667 10.666667-14.933333 23.466667-27.733333 40.533333-36.266667l76.8-46.933333c12.8-8.533333 29.866667-8.533333 42.666667 0 12.8 8.533333 21.333333 21.333333 21.333333 36.266667s-6.4 29.866667-19.2 38.4c-6.4 4.266667-19.2 25.6-23.466666 53.333333-4.266667 19.2 0 34.133333 2.133333 36.266667 21.333333 8.533333 32 32 23.466667 53.333333-8.533333 21.333333-32 34.133333-55.466667 25.6-27.733333-10.666667-44.8-32-53.333333-64l-59.733334 390.4c-4.266667 61.866667-66.133333 108.8-142.933333 108.8z m0-142.933333c-36.266667 0-57.6 19.2-57.6 27.733333s21.333333 27.733333 57.6 27.733333c32 0 53.333333-14.933333 55.466667-25.6V746.666667c0-8.533333-21.333333-25.6-55.466667-25.6z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M580.266667 605.866667H170.666667c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666667h409.6c23.466667 0 42.666667 19.2 42.666666 42.666667s-19.2 42.666667-42.666666 42.666667zM398.933333 774.4H170.666667c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666666h228.266666c23.466667 0 42.666667 19.2 42.666667 42.666666s-19.2 42.666667-42.666667 42.666667zM580.266667 433.066667H170.666667c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666667h409.6c23.466667 0 42.666667 19.2 42.666666 42.666667s-19.2 42.666667-42.666666 42.666667zM580.266667 262.4H170.666667c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666666h409.6c23.466667 0 42.666667 19.2 42.666666 42.666666s-19.2 42.666667-42.666666 42.666667zM610.133333 819.2c-76.8 0-123.733333-27.733333-123.733333-70.4s46.933333-70.4 123.733333-70.4 123.733333 27.733333 123.733334 70.4-46.933333 70.4-123.733334 70.4z m49.066667-49.066667z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
        </svg>
      );
    case 'SanMiAppglyphico13':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M893.866667 881.066667h-768c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666667h768c23.466667 0 42.666667 19.2 42.666666 42.666667s-19.2 42.666667-42.666666 42.666667zM228.266667 721.066667c-32 0-59.733333-27.733333-59.733334-59.733334V262.4c0-32 27.733333-59.733333 59.733334-59.733333 32 0 59.733333 27.733333 59.733333 59.733333V661.333333c0 34.133333-27.733333 59.733333-59.733333 59.733334zM791.466667 721.066667c-32 0-59.733333-27.733333-59.733334-59.733334V443.733333c0-32 27.733333-59.733333 59.733334-59.733333 32 0 59.733333 27.733333 59.733333 59.733333V661.333333c0 34.133333-27.733333 59.733333-59.733333 59.733334zM509.866667 721.066667c-32 0-59.733333-27.733333-59.733334-59.733334V183.466667c0-32 27.733333-59.733333 59.733334-59.733334 32 0 59.733333 27.733333 59.733333 59.733334V661.333333c0 34.133333-27.733333 59.733333-59.733333 59.733334z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
        </svg>
      );
    case 'SanMiAppglyphico14':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M228.650667 581.845333L608.789333 201.706667l131.221334 131.242666-380.138667 380.16zM802.133333 270.933333l-51.2 51.2L618.666667 192l51.2-51.2c12.8-12.8 34.133333-12.8 46.933333 0l85.333333 85.333333c12.8 12.8 12.8 32 0 44.8zM164.266667 776.533333l183.466666-53.333333-130.133333-130.133333zM834.133333 896H213.333333c-23.466667 0-42.666667-19.2-42.666666-42.666667s19.2-42.666667 42.666666-42.666666h620.8c23.466667 0 42.666667 19.2 42.666667 42.666666s-19.2 42.666667-42.666667 42.666667z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
        </svg>
      );
    case 'SanMiAppglyphico15':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M512 512m-428.8 0a428.8 428.8 0 1 0 857.6 0 428.8 428.8 0 1 0-857.6 0Z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M392.533333 665.6l8.533334-315.733333c0-23.466667 27.733333-38.4 49.066666-25.6l268.8 164.266666c21.333333 12.8 19.2 42.666667-2.133333 55.466667l-277.333333 151.466667c-21.333333 10.666667-46.933333-4.266667-46.933334-29.866667z"
            fill={getIconColor(color, 1, '#FFFFFF')}
          />
        </svg>
      );
    case 'SanMiAppglyphico16':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M682.666667 337.066667c0 93.866667-76.8 170.666667-170.666667 170.666666s-170.666667-76.8-170.666667-170.666666 76.8-170.666667 170.666667-170.666667 170.666667 76.8 170.666667 170.666667z m149.333333 484.266666c29.866667 0 51.2-29.866667 40.533333-57.6C817.066667 618.666667 676.266667 514.133333 512 514.133333c-164.266667 0-305.066667 104.533333-360.533333 249.6-10.666667 27.733333 10.666667 57.6 40.533333 57.6h640z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M192 832c-17.066667 0-34.133333-8.533333-44.8-23.466667-10.666667-14.933333-12.8-32-6.4-49.066666 51.2-134.4 170.666667-230.4 309.333333-251.733334-70.4-25.6-121.6-91.733333-121.6-170.666666 0-100.266667 81.066667-181.333333 181.333334-181.333334s181.333333 81.066667 181.333333 181.333334c0 78.933333-51.2 145.066667-121.6 170.666666 138.666667 21.333333 258.133333 117.333333 309.333333 251.733334 6.4 17.066667 4.266667 34.133333-6.4 49.066666-6.4 14.933333-23.466667 23.466667-40.533333 23.466667H192z m320-307.2c-155.733333 0-294.4 98.133333-349.866667 243.2-4.266667 10.666667-2.133333 19.2 4.266667 29.866667 6.4 6.4 14.933333 12.8 25.6 12.8h640c10.666667 0 21.333333-4.266667 25.6-14.933334 6.4-8.533333 6.4-19.2 4.266667-29.866666-53.333333-142.933333-194.133333-241.066667-349.866667-241.066667z m0-347.733333c-87.466667 0-160 72.533333-160 160s72.533333 160 160 160 160-72.533333 160-160-70.4-160-160-160z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
          <path
            d="M537.6 546.133333h-51.2l-10.666667-29.866666s23.466667-2.133333 38.4-2.133334 40.533333 2.133333 40.533334 2.133334l-17.066667 29.866666z"
            fill={getIconColor(color, 2, '#FFFFFF')}
          />
          <path
            d="M512 544h-25.6l-40.533333 157.866667 66.133333 57.6z"
            fill={getIconColor(color, 3, '#FFFFFF')}
          />
          <path
            d="M512 544h-25.6l-40.533333 157.866667 66.133333 57.6z"
            fill={getIconColor(color, 4, '#FFFFFF')}
          />
          <path
            d="M512 544h25.6l40.533333 157.866667-66.133333 57.6z"
            fill={getIconColor(color, 5, '#FFFFFF')}
          />
          <path
            d="M512 759.466667V544h-25.6"
            fill={getIconColor(color, 6, '#FFFFFF')}
          />
          <path
            d="M550.4 554.666667h-40.533333c-2.133333 0-6.4-2.133333-6.4-6.4s2.133333-6.4 6.4-6.4h40.533333c2.133333 0 6.4 2.133333 6.4 6.4s-4.266667 6.4-6.4 6.4z"
            fill={getIconColor(color, 7, '#e6e6e6')}
          />
        </svg>
      );
    case 'SanMiAppglyphico17':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M731.733333 725.333333h-426.666666c-117.333333 0-213.333333-96-213.333334-213.333333s96-213.333333 213.333334-213.333333h426.666666c117.333333 0 213.333333 96 213.333334 213.333333s-96 213.333333-213.333334 213.333333z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M328.533333 686.933333c-93.866667 0-170.666667-76.8-170.666666-170.666666s76.8-170.666667 170.666666-170.666667 170.666667 76.8 170.666667 170.666667-76.8 170.666667-170.666667 170.666666z m0-256c-46.933333 0-85.333333 38.4-85.333333 85.333334s38.4 85.333333 85.333333 85.333333 85.333333-38.4 85.333334-85.333333-38.4-85.333333-85.333334-85.333334z"
            fill={getIconColor(color, 1, '#ffffff')}
          />
        </svg>
      );
    case 'SanMiAppglyphico18':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M409.6 288m-128 0a128 128 0 1 0 256 0 128 128 0 1 0-256 0Z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M409.6 458.666667c-93.866667 0-170.666667-76.8-170.666667-170.666667s76.8-170.666667 170.666667-170.666667 170.666667 76.8 170.666667 170.666667-76.8 170.666667-170.666667 170.666667z m0-256c-46.933333 0-85.333333 38.4-85.333333 85.333333s38.4 85.333333 85.333333 85.333333 85.333333-38.4 85.333333-85.333333-38.4-85.333333-85.333333-85.333333z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
          <path
            d="M896 332.8H554.666667c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666666h341.333333c23.466667 0 42.666667 19.2 42.666667 42.666666s-19.2 42.666667-42.666667 42.666667zM275.2 332.8h-128c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666666h128c23.466667 0 42.666667 19.2 42.666667 42.666666s-19.2 42.666667-42.666667 42.666667z"
            fill={getIconColor(color, 2, '#e6e6e6')}
          />
          <path
            d="M633.6 736m-128 0a128 128 0 1 0 256 0 128 128 0 1 0-256 0Z"
            fill={getIconColor(color, 3, '#e6e6e6')}
          />
          <path
            d="M633.6 906.666667c-93.866667 0-170.666667-76.8-170.666667-170.666667s76.8-170.666667 170.666667-170.666667 170.666667 76.8 170.666667 170.666667-76.8 170.666667-170.666667 170.666667z m0-256c-46.933333 0-85.333333 38.4-85.333333 85.333333s38.4 85.333333 85.333333 85.333333 85.333333-38.4 85.333333-85.333333-38.4-85.333333-85.333333-85.333333z"
            fill={getIconColor(color, 4, '#e6e6e6')}
          />
          <path
            d="M488.533333 780.8h-341.333333c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666666h341.333333c23.466667 0 42.666667 19.2 42.666667 42.666666s-19.2 42.666667-42.666667 42.666667z"
            fill={getIconColor(color, 5, '#e6e6e6')}
          />
          <path
            d="M896 780.8h-128c-23.466667 0-42.666667-19.2-42.666667-42.666667s19.2-42.666667 42.666667-42.666666h128c23.466667 0 42.666667 19.2 42.666667 42.666666s-19.2 42.666667-42.666667 42.666667z"
            fill={getIconColor(color, 6, '#e6e6e6')}
          />
        </svg>
      );
    case 'SanMiAppglyphico19':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M192 497.066667m-106.666667 0a106.666667 106.666667 0 1 0 213.333334 0 106.666667 106.666667 0 1 0-213.333334 0Z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M503.466667 497.066667m-106.666667 0a106.666667 106.666667 0 1 0 213.333333 0 106.666667 106.666667 0 1 0-213.333333 0Z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
          <path
            d="M823.466667 497.066667m-106.666667 0a106.666667 106.666667 0 1 0 213.333333 0 106.666667 106.666667 0 1 0-213.333333 0Z"
            fill={getIconColor(color, 2, '#e6e6e6')}
          />
        </svg>
      );
    case 'SanMiAppglyphico':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M211.2 618.666667m-85.333333 0a85.333333 85.333333 0 1 0 170.666666 0 85.333333 85.333333 0 1 0-170.666666 0Z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
          <path
            d="M211.2 746.666667c-70.4 0-128-57.6-128-128s57.6-128 128-128 128 57.6 128 128-57.6 128-128 128z m0-170.666667c-23.466667 0-42.666667 19.2-42.666667 42.666667s19.2 42.666667 42.666667 42.666666 42.666667-19.2 42.666667-42.666666-19.2-42.666667-42.666667-42.666667z"
            fill={getIconColor(color, 1, '#e6e6e6')}
          />
          <path
            d="M603.733333 298.666667m-85.333333 0a85.333333 85.333333 0 1 0 170.666667 0 85.333333 85.333333 0 1 0-170.666667 0Z"
            fill={getIconColor(color, 2, '#e6e6e6')}
          />
          <path
            d="M603.733333 426.666667c-70.4 0-128-57.6-128-128s57.6-128 128-128 128 57.6 128 128-57.6 128-128 128z m0-170.666667c-23.466667 0-42.666667 19.2-42.666666 42.666667s19.2 42.666667 42.666666 42.666666 42.666667-19.2 42.666667-42.666666-19.2-42.666667-42.666667-42.666667z"
            fill={getIconColor(color, 3, '#e6e6e6')}
          />
          <path
            d="M791.466667 814.933333m-85.333334 0a85.333333 85.333333 0 1 0 170.666667 0 85.333333 85.333333 0 1 0-170.666667 0Z"
            fill={getIconColor(color, 4, '#e6e6e6')}
          />
          <path
            d="M791.466667 942.933333c-70.4 0-128-57.6-128-128s57.6-128 128-128 128 57.6 128 128-57.6 128-128 128z m0-170.666666c-23.466667 0-42.666667 19.2-42.666667 42.666666s19.2 42.666667 42.666667 42.666667 42.666667-19.2 42.666666-42.666667-19.2-42.666667-42.666666-42.666666z"
            fill={getIconColor(color, 5, '#e6e6e6')}
          />
          <path
            d="M768 872.533333c-4.266667 0-8.533333 0-12.8-2.133333l-484.266667-157.866667c-23.466667-6.4-34.133333-32-27.733333-53.333333 6.4-21.333333 32-34.133333 53.333333-27.733333L780.8 789.333333c23.466667 6.4 34.133333 32 27.733333 53.333334-6.4 17.066667-23.466667 29.866667-40.533333 29.866666z"
            fill={getIconColor(color, 6, '#e6e6e6')}
          />
          <path
            d="M264.533333 608c-12.8 0-25.6-6.4-34.133333-17.066667-14.933333-19.2-10.666667-44.8 6.4-59.733333l290.133333-226.133333c19.2-14.933333 44.8-10.666667 59.733334 6.4 14.933333 19.2 10.666667 44.8-6.4 59.733333L290.133333 599.466667c-8.533333 6.4-17.066667 8.533333-25.6 8.533333z"
            fill={getIconColor(color, 7, '#e6e6e6')}
          />
        </svg>
      );
    case 'genduo':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M618.666667 870.4c-83.2 0-149.333333-51.2-149.333334-119.466667s66.133333-119.466667 149.333334-119.466666c27.733333 0 53.333333 6.4 74.666666 14.933333l40.533334-345.6c4.266667-27.733333 12.8-51.2 27.733333-72.533333 10.666667-17.066667 25.6-29.866667 40.533333-38.4 2.133333-2.133333 6.4-2.133333 8.533334-4.266667l85.333333-25.6c21.333333-6.4 42.666667 2.133333 51.2 21.333333 8.533333 19.2 2.133333 42.666667-14.933333 53.333334-10.666667 6.4-25.6 32-27.733334 57.6-2.133333 14.933333 2.133333 23.466667 2.133334 23.466666 21.333333 8.533333 34.133333 32 25.6 55.466667-8.533333 21.333333-32 34.133333-53.333334 25.6-34.133333-12.8-55.466667-40.533333-59.733333-78.933333L768 755.2c-2.133333 66.133333-66.133333 115.2-149.333333 115.2z m0-151.466667c-38.4 0-64 19.2-64 34.133334s25.6 34.133333 64 34.133333c34.133333 0 59.733333-17.066667 64-29.866667V750.933333c-2.133333-12.8-27.733333-32-64-32z"
            fill={getIconColor(color, 0, '#dbdbdb')}
          />
          <path
            d="M603.733333 629.333333H136.533333c-23.466667 0-42.666667-19.2-42.666666-42.666666s19.2-42.666667 42.666666-42.666667h467.2c23.466667 0 42.666667 19.2 42.666667 42.666667s-19.2 42.666667-42.666667 42.666666zM381.866667 808.533333H136.533333c-23.466667 0-42.666667-19.2-42.666666-42.666666s19.2-42.666667 42.666666-42.666667h245.333334c23.466667 0 42.666667 19.2 42.666666 42.666667s-19.2 42.666667-42.666666 42.666666zM603.733333 458.666667H136.533333c-23.466667 0-42.666667-19.2-42.666666-42.666667s19.2-42.666667 42.666666-42.666667h467.2c23.466667 0 42.666667 19.2 42.666667 42.666667s-19.2 42.666667-42.666667 42.666667zM603.733333 288H136.533333c-23.466667 0-42.666667-19.2-42.666666-42.666667s19.2-42.666667 42.666666-42.666666h467.2c23.466667 0 42.666667 19.2 42.666667 42.666666s-19.2 42.666667-42.666667 42.666667z"
            fill={getIconColor(color, 1, '#dbdbdb')}
          />
        </svg>
      );
    case 'liebiao':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M236.1344 286.72H614.4a20.48 20.48 0 1 0 0-40.96H236.1344a20.48 20.48 0 0 0 0 40.96zM696.32 286.72h195.1744a20.48 20.48 0 1 0 0-40.96H696.32a20.48 20.48 0 1 0 0 40.96z"
            fill={getIconColor(color, 0, '#dbdbdb')}
          />
          <path
            d="M143.36 266.24m-20.48 0a20.48 20.48 0 1 0 40.96 0 20.48 20.48 0 1 0-40.96 0Z"
            fill={getIconColor(color, 1, '#333333')}
          />
          <path
            d="M143.36 512m-20.48 0a20.48 20.48 0 1 0 40.96 0 20.48 20.48 0 1 0-40.96 0Z"
            fill={getIconColor(color, 2, '#333333')}
          />
          <path
            d="M143.36 757.76m-20.48 0a20.48 20.48 0 1 0 40.96 0 20.48 20.48 0 1 0-40.96 0Z"
            fill={getIconColor(color, 3, '#333333')}
          />
          <path
            d="M236.1344 532.48H532.48a20.48 20.48 0 1 0 0-40.96H236.1344a20.48 20.48 0 0 0 0 40.96zM614.4 532.48h277.0944a20.48 20.48 0 1 0 0-40.96H614.4a20.48 20.48 0 1 0 0 40.96zM236.1344 778.24H737.28a20.48 20.48 0 1 0 0-40.96H236.1344a20.48 20.48 0 1 0 0 40.96zM819.2 778.24h72.2944a20.48 20.48 0 1 0 0-40.96H819.2a20.48 20.48 0 1 0 0 40.96z"
            fill={getIconColor(color, 4, '#dbdbdb')}
          />
        </svg>
      );
    case 'down1':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M512 0C229.376 0 0 229.376 0 512s229.376 512 512 512 512-229.376 512-512S794.624 0 512 0z m99.84 534.528L336.384 727.04c-8.192 6.144-19.456 6.656-28.672 2.048-9.216-4.608-14.848-14.336-14.848-24.576V319.488c0-10.24 5.632-19.456 14.848-24.576 9.216-4.608 19.968-4.096 28.672 2.048l274.944 192.512c7.168 5.12 11.776 13.312 11.776 22.528s-4.096 17.408-11.264 22.528z m118.784 165.376c0 17.408-14.336 32.256-32.256 32.256s-32.256-14.336-32.256-32.256V324.096c0-17.408 14.336-32.256 32.256-32.256s32.256 14.336 32.256 32.256v375.808z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
        </svg>
      );
    case 'up1':
      return (
        <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
          <path
            d="M512 0C229.376 0 0 229.376 0 512s229.376 512 512 512 512-229.376 512-512S794.624 0 512 0zM357.376 699.904c0 17.408-14.336 32.256-32.256 32.256s-32.256-14.336-32.256-32.256V324.096c0-17.408 14.336-32.256 32.256-32.256s32.256 14.336 32.256 32.256v375.808z m373.248 4.608c0 10.24-5.632 19.456-14.848 24.576-9.216 4.608-19.968 4.096-28.672-2.048l-275.456-192.512c-7.168-5.12-11.776-13.824-11.776-22.528s4.608-17.408 11.776-22.528L687.616 296.96c8.192-6.144 19.456-6.656 28.672-2.048 9.216 4.608 14.848 14.336 14.848 24.576v385.024z"
            fill={getIconColor(color, 0, '#e6e6e6')}
          />
        </svg>
      );

  }

  return null;
};

H5Icon.defaultProps = {
  size: 18,
};

/**
 * @param {string | string[] | undefined} color
 * @param {number} index
 * @param {string} defaultColor
 * @return {string}
 */
const getIconColor = (color, index, defaultColor) => {
  return color
    ? (
      typeof color === 'string'
        ? color
        : color[index] || defaultColor
    )
    : defaultColor;
};

export default H5Icon;
